<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业3</title>
	</head>
	<body>
		<p>3.新制作一个注册页面，要求：
      3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
      3.3 每个需要提交的标签都要有name值
      3.4 按照name的方式查找各个元素
      3.5 按照标签的方式查找各个元素 </p>
	  
	  <form action="#" method="post" id="myfrom1">
	  	用户名 <input type="text" name="user" id="" value="" placeholder="输入用户名" />
		<br>
		密 码<input type="password" name="pwd" id="" value="" placeholder="输入密码" />
		<br>
		性别:男 <input type="radio" name="sex" id="" value="男" /> 女<input type="radio" name="" id="" value="女" />
		<br>
		学院 <select name="xueyuan" style="width: 200px;">
			<option value="1">软件工程学院</option>
			<option value="2">信息制造学院</option>
			<option value="3">城乡建设学院</option>
		</select>
		<br>
		爱好:羽毛球<input    type="checkbox" name="ah1" id="" value="羽毛球"/>
			  街舞<input    type="checkbox" name="ah2" id="" value="街舞"/>
			  计算机<input  type="checkbox" name="ah3" id="" value="计算机"/>
			  睡觉<input    type="checkbox" name="ah4" id="" value="睡觉"/>
		<br>
		自我介绍 <textarea rows="10" cols="20"  name="text1"></textarea>
		<br>
		<input type="submit" name="submit1" id="" value="提交" />
	  </form>
	</body>
	<script type="text/javascript">
		//3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		// 3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		// 3.4 按照name的方式查找各个元素
		var username_1 =document.getElementsByName('user');
		console.log(username_1);
		var userpwd_2 =document.getElementsByName('pwd');
		console.log(userpwd_2);
		var usersex_3	=document.getElementsByName('sex');
		console.log(usersex_3);
		var userxueyuan_4 =document.getElementsByName('xueyuan');
		console.log(userxueyuan_4);
		var userah_5	=document.getElementsByName('ah1');
		console.log(userah_5);
		var userah_6	=document.getElementsByName('ah2');
		console.log(userah_6);
		var userah_7	=document.getElementsByName('ah3');
		console.log(userah_7);
		var userah_8	=document.getElementsByName('ah4');
		console.log(userah_8);
		var usertext_9	=document.getElementsByName('text1');
		console.log(usertext_9);
		var usersubmit_10 =document.getElementsByName('submit1');
		console.log(usersubmit_10);
		// 3.5 按照标签的方式查找各个元素
		var label_name_1 =document.getElementsByTagName('input');
		console.log(label_name_1[0]);
		console.log(label_name_1[1]);
		console.log(label_name_1[2]);
		console.log(label_name_1[3]);
		console.log(label_name_1[4]);
		console.log(label_name_1[5]);
		console.log(label_name_1[6]);
		console.log(label_name_1[7]);
		console.log(label_name_1[8]);
		var label_name_2=document.getElementsByTagName('select');
		console.log(label_name_2[0]);
		var label_name_3=document.getElementsByTagName('textarea');
		console.log(label_name_3[0]);
		
		
	</script>
</html>
